<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorator="template">
<head>
    <meta charset="UTF-8" />
    <meta content="text/html"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>检测报告</title>
    <link rel="stylesheet" href="../css/detectReport.css" />
    <script src="../js/detectReport.js"></script>
    <script type="text/javascript" src="../js/pager_new.js"></script>
</head>
<body id="orange">
<div class="container">
    <div class="content">
        <div class="container-right" layout:fragment="content">
            <div class="crumbs">
                <ul>
                    <li><a href="/index/home">首页</a><i class="triangle-icon"></i></li>
                    <li><a href="/myVehicle/detectReport">我的车况</a><i class="triangle-icon"></i></li>
                    <li class="active"><a href="/myVehicle/detectReport">检测报告</a></li>
                </ul>
            </div>
            <div class="classification">
                <div class="type">
                    <label class="lbl-car" th:text="#{System.myCar}"></label>
                    <ul  class="myCar">
                        <li th:class="(${vehicleId} == '')?active" data=""><span th:text="#{System.all}"></span></li>
                        <li th:each="vehicle,vehicleStat : ${vehicleList}" th:data="${vehicle.plateNumber}" th:class="(${vehicleId} == ${vehicle.plateNumber})? active">
                            <span th:text="${vehicle.plateNumber}"></span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="detailsub">
	            <table class="table-main table-striped table-hover">
                    <thead>
                        <tr>
                            <th th:text="#{detectReportHtml.No}"></th>
                            <th th:text="#{detectReportHtml.plateNumber}"></th>
                            <th th:text="#{detectReportHtml.report}"></th>
                            <th th:text="#{detectReportHtml.reportTime}"></th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr th:each="reprot,reprotStat : ${reportList}">
                            <td th:text="${reprotStat.count}">1</td>
                            <td th:text="${reprot.plateNumber}"></td>
                            <td><a th:href="'/myVehicle/reportDetail?id=' + ${reprot.reportid}" th:text="${reprot.reportName}"></a></td>
                            <td th:text="${reprot.reportTimestr}"></td>
                        </tr>
                    </tbody>
		         </table>
                <div th:if="${reportList == null} or ${#lists.toList(reportList).size() == 0}" style="height: 300px;line-height:300px;text-align:center;">
                    <h2>暂无数据</h2>
                </div>
                <form id="pageForm" name="pageForm" action="/myVehicle/detectReport" method="post">
                    <input type="hidden" name="vehicleId" id="vehicleId" th:value="${vehicleId}"/>
                </form>
                <div class="page-main" th:include="pager :: copy">
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>